<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<head>
<meta charset="UTF-8">
<title></title>
		<!----导入bootstrap的外部css文件---->
		<link href="${basePath}bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
		<link href="${basePath}bootstrap-3.3.7-dist/css/style.css" rel="stylesheet">
		<link href="${basePath}bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" rel="stylesheet" />
		<!----导入bootstrap的依赖的jquery文件---->
		<script src="${basePath}bootstrap-3.3.7-dist/js/jquery.min.js"></script>
		<!----导入bootstrap的外部javascript文件---->
		<script src="${basePath}bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		
		
		
	<!-- 	
		<script>
			/*
			 * 第一种解决方法： 
			 * 客户单表单验证的工作流程：
			 * 在点击提交按钮以后，发送表单数据到服务器之前进行表单验证；
			 * 表单验证函数需要有一个返回值用于阻止或允许表单数据是否可以发送到服务器端；
			 * 如果验证函数返回false：则会阻止表单数据的发送；
			 * 如果验证函数返回true：则会允许表单数据发送；
			 * 验证函数一般绑定给提交按钮的onclick事件；
			 * 
			 * 除此之外，第二种解决方法：
			 * 也可以函数内部使用js操作form控件的submit方法来决定是否发送表单数据，
			 * 这样要求提交按钮不能为submit类型；
			 */
			// 表单验证函数
			function checkMe() {
				// 验证结果  -- 默认是全部可以验证通过的
				
				var isOK = true;
				// 获取验证控件对象的内容
				// 验证非空用户名				
				var txtname = document.getElementById("adminUsername").value;
				// 验证内容是否合法，并进行相关信息提示
				if(txtname == null || txtname == ""){
					// 验证不通过，提示错误信息
					alert("请输入用户名");
					
				
					// 验证不通过，修改验证结果的变量，不允许提交表单
					 return isOK = false;
				}else{
					// 验证通过，剔除提示信息
					
					
				}
				
				// 验证非空密码			
				var txtpassword = document.getElementById("adminPassword").value;
				// 验证内容是否合法，并进行相关信息提示
				if(txtpassword == null || txtpassword == ""){
					// 验证不通过，提示错误信息
					//document.getElementById("passwordmsg").innerHTML = "*请输入密码";
					alert("请输入密码");
					// 验证不通过，修改验证结果的变量，不允许提交表单
				return 	isOK = false;
				}else{
					// 验证通过，剔除提示信息
				  
				}
				
				// 验证非空邮箱			
				var txtemail = document.getElementById("adminEmail").value;
				// 验证邮箱合法性的正则表达式
				var regEmail = /^\w+@\w+.[A-Za-z]{2,3}(.[A-Za-z]{2,3})?$/;
				// 验证内容是否合法，并进行相关信息提示
				if(txtemail == null || txtemail == ""){
					// 验证不通过，提示错误信息
				
					alert("请输入邮箱");
					// 验证不通过，修改验证结果的变量，不允许提交表单
				return 	isOK = false;
				}else if(regEmail.test(txtemail) == false){					
					// 使用正则表达式
					// 验证邮箱的合法性
				
					alert("邮箱格式非法");
					
					// 验证不通过，修改验证结果的变量，不允许提交表单
				return 	isOK = false;
				}else{
					// 验证通过，剔除提示信息
				
				}
				
				
				
				
				// 验证手机号码		
				var txtTel = document.getElementById("adminTel").value;
				// 验证邮箱合法性的正则表达式
				
				var tel = /^1[34578]\d{9}$/;
				
				// 验证内容是否合法，并进行相关信息提示
				if(txtTel == null || txtTel == ""){
					// 验证不通过，提示错误信息
				
					alert("请输入手机号码");
					// 验证不通过，修改验证结果的变量，不允许提交表单
				return 	isOK = false;
				}else if(tel.test(txtTel) == false){					
					// 使用正则表达式
					// 验证邮箱的合法性
				
					alert("手机格式非法");
					
					// 验证不通过，修改验证结果的变量，不允许提交表单
				return 	isOK = false;
				}else{
					// 验证通过，剔除提示信息
				
				}
				
				
				
					
				var txtdate = document.getElementById("adminBirthday").value;
				// 验证内容是否合法，并进行相关信息提示
				if(txtdate == null || txtdate == ""){
					// 验证不通过，提示错误信息
					//document.getElementById("passwordmsg").innerHTML = "*请输入密码";
					alert("请输入日期");
					// 验证不通过，修改验证结果的变量，不允许提交表单
				return 	isOK = false;
				}else{
					// 验证通过，剔除提示信息
				  
				}
				
				
				
				
				
			
				
				
				
				
				// 返回验证结果变量
				return isOK;
				}
		</script>
		
		 -->
		
		
		
		<style>
			/*主体div*/
	
		#container {
				/*相对于body，主体框架居中*/
				margin: 0px auto;
				width: 1000px;
			}
		</style>
		
	</head>
	
	
			
		
	<body>
	
	  
		<div id="container">                                                                       <!-- 用于  文件上传处理的 代码 -->
			<form  class="form-horizontal" action ="${basePath}GoodsInfoAddServlet"  method="post" enctype="multipart/form-data">
				
				<div class="form-group">
					<input type="hidden" id="ID" name="ID" 
					 >	
					</div>
				
			
				
				
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-2 control-label">商品编号</label>
					<div class="col-sm-4">
						<input type="text" class="form-control" id="goodsID" name="goodsID"   placeholder="商品编号">
					</div>
					
					<label for="inputEmail3" class="col-sm-2 control-label">商品名称</label>
					<div class="col-sm-4">
						<input type="text" class="form-control" id="goodsName" name="goodsName"     placeholder="商品名称">
					</div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-2 control-label">价格</label>
					<div class="col-sm-4">
						<input type="text" class="form-control" id="goodsPrice" name="goodsPrice"   placeholder="价格">
					</div>
					
					<label for="inputEmail3" class="col-sm-2 control-label">生产日期</label>
					<div class="col-sm-4">
						<input type="date" class="form-control" id="goodsBirthday" name="goodsBirthday"   placeholder="生产日期">
					</div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-sm-2 control-label">数量</label>
					<div class="col-sm-4">
						<input type="text" class="form-control" id="goodsNumber" name="goodsNumber"   placeholder="数量">
					</div>
					
					
					<label for="inputEmail3" class="col-sm-2 control-label">图片</label>
					<div class="col-sm-4">
						<input type="file" class="form-control" id="goodsImg" name="goodsImg" placeholder="图片">
						
					</div>
					
					
				</div>				
			
				<div class="form-group">
					<div class="col-sm-offset-4 col-sm-10">
						<button type="submit" class="btn btn-default"  >保存</button>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<button type="reset" class="btn btn-default">重置</button>
					</div>
				</div>
			</form>

		</div>
		
	
		
	</body>
	

</html>